<!DOCTYPE html>
<html>

<head>
    <title>首页 {$site_info.site_name|default=''}</title>
    <meta name="keywords" content="{$site_info.site_seo_keywords|default=''}" />
    <meta name="description" content="{$site_info.site_seo_description|default=''}">
    <include file="public@head" />
    <link href="__TMPL__/public/assets/css/swiper.min.css" rel="stylesheet">
    <link rel="shortcut icon" href="/themes/admin_simpleboot3/public/assets/images/favicon.png" type="image/png">
    <link href="/themes/admin_simpleboot3/public/assets/themes/flatadmin/bootstrap.min.css" rel="stylesheet">
    <link href="/themes/admin_simpleboot3/public/assets/simpleboot3/css/simplebootadmin.css" rel="stylesheet">
    <link rel="stylesheet" href="/themes/admin_simpleboot3/public/assets/themes/flatadmin/simplebootadminindex.min.css">
    <script src="/themes/admin_simpleboot3/public/assets/js/bootstrap.min.js"></script>
    <script src="__TMPL__/public/assets/js/swiper.min.js"></script>
    <style>
        .imgyi {
            transition: all 2s ease 0s;
        }

        /* transition 别放hover里，放到img里，这样移入移出一样缓慢，不然只对hover移上去有缓慢效果 */
        .imgyi:hover {
            transform: scale(0.9)
        }

        .swiper-container {
            width: 100%;
            height: 100%;
        }

        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;

            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }

        .thumbnail {
            position: relative;
        }

        .category_list {
            position: absolute;
            left: 0;
            width: 100%;
            bottom: 0;
            height: auto !important;
        }
    </style>
    <hook name="before_head_end" />
</head>

<body>
    <div class="navbar navbar-default" style="background: #1d4ad4;">
        <div class="container-fluid">
            <div class="navbar-collapse collapse" id="navbar-main">
                <ul class="nav navbar-nav navbar-right simplewind-nav">
                    <li class="light-blue" style="border-left:none;display: none;" id="close-all-tabs-btn">
                        <a id="close-wrapper" href="javascript:void(0);" title="关闭顶部菜单" style="color:#fff;font-size: 16px">
                            <i class="fa fa-times right_tool_icon"></i>
                        </a>
                    </li>
                    <li class="light-blue dropdown" style="border-left:none;">
                        <a data-toggle="dropdown" href="#" class="dropdown-toggle" aria-expanded="false">
                            <img class="nav-user-photo" width="30" height="30" src="/themes/admin_simpleboot3/public/assets/images/logo-18.png" alt="admin">
                            <span class="user-info">
                                欢迎, {:session('user.user_login')} </span>
                            <i class="fa fa-caret-down"></i>
                        </a>
                        <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-closer">
                            <li>
                                <a href="{:url('edituser')}" class="layui-open"><i class="fa fa-lock"></i>密码修改</a>
                            </li>
                            <li>
                                <a href="{:url('logout')}"><i class="fa fa-sign-out"></i> 退出</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--轮播图开始-->
    <div class="swiper-container" style="background-color:#f7f7f7;">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="__TMPL__/public/assets/images/banner.png" alt=""></div>
            <div class="swiper-slide"><img src="__TMPL__/public/assets/images/banner2.jpg" alt=""></div>
            <div class="swiper-slide"><img src="__TMPL__/public/assets/images/banner3.jpg" alt=""></div>
        </div>
        <!-- Add Arrows -->
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
    </div>
    <!--轮播图结束-->

    <!--公司简介开始-->
    <div style="background-color:#f7f7f7;">
        <div class="container-fluid" style="padding:0px;margin: 0 auto;text-align: center;background-color:#f7f7f7;">
            <div class="col-md-12" style="padding:0px;"><img style="width: 100%;" src="__TMPL__/public/assets/images/plate_title.png" alt=""></div>
        </div>

        <div class="container">
            <div style="padding-bottom:20px;">
                <iframe height="500" width="100%" style="box-shadow: 0 0 10px rgba(0,0,0,.5);" src="http://player.youku.com/embed/XMzgzODA0NDU4OA==" frameborder="0" 'allowfullscreen'=""></iframe>
            </div>
        </div>

        <div style="height:220px;background-color:#7992d4;">
            <div class="container">
                <ul class="col-md-12" style="padding-top:30px;">
                    <li style="font-size:18px;padding-bottom:15px;color:#fff;">{$plate.post_title}</li>
                    <li style="font-size:15px;color:#fff;line-height: 25px;">{$plate.post_excerpt}</li>
                </ul>
            </div>
        </div>
    </div>
    <!--公司简介结束-->

    <!--项目简介开始-->
    <div>
        <div class="container-fluid" style="padding:0px;margin: 0 auto;text-align: center;">
            <div class="col-md-12" style="padding:0px;"><img style="width: 100%;" src="__TMPL__/public/assets/images/project_title.png" alt=""></div>
        </div>

        <div id="pje" style="background-color:#ffffff;padding-bottom:60px;">
            <div class="container">
                <div class="row">
                    <foreach name="project_res" item="proje">
                        <div class="col-md-6">
                            <div class="thumbnail" style="min-height:400px;border:2px solid #f6f4f7;padding:0;">
                                <a href="{:url('portal/Project/projectList',['post_id'=>$proje.id])}"><img class="imgyi" src="{$proje.thumbnail|cmf_get_image_url}"></a>
                                <div style="height:100%;background:#f6f4f7;" class="category_list">
                                    <h3 style="text-align: center;margin:0;padding:20px 0px 20px 0px;"><a style="color:#000;text-decoration: none" href="{:url('portal/Project/projectList',['post_id'=>$proje.id])}">{$proje.post_title}</a></h3>
                                    <p style="font-size: 15px;padding: 0px 75px 0px 75px;line-height: 25px;"><a style="color:#000;text-decoration: none" href="{:url('portal/Project/projectList',['post_id'=>$proje.id])}">{$proje.post_excerpt|mb_substr=0,50}......</a></p>
                                    <p style="text-align:center;line-height:25px;font-size: 15px;"><a style="color:#ff0606;" href="{:url('portal/Project/projectList',['post_id'=>$proje.id])}">点击了解详情</a>&nbsp;<img style="transform: translate(0%,-10%);" src="__TMPL__/public/assets/images/liaojie.png"></p>
                                </div>
                            </div>
                        </div>
                    </foreach>
                </div>
            </div>
        </div>
    </div>
    <!--项目简介结束-->

    <!--底部开始-->
    <div class="container-fluid" style="padding:0px;margin: 0 auto;text-align: center;">
        <div class="col-md-12" style="padding:0px;"><img style="width: 100%;" src="__TMPL__/public/assets/images/footer.png" alt=""></div>
    </div>
    <!--底部结束-->
</body>
<script>
    var swiper = new Swiper('.swiper-container', {
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    });
    $('a.layui-open').on('click', function(e) {
        var url = $(this).attr('href');
        layer.open({
            'title': '修改密码',
            'type': 2,
            "area": ['800px', '500px'],
            'content': url
        })
        return false;
    })
</script>

</html>